HNM Web Gallery Creator - Documentation

Style

Select the way the thumbnails are to be arranged on the screen; in a table, a paragraph, a list, a java script slide show or a collage. For each of these possible arrangements, there are options that you can choose by pressing the corresponding button.

List

The thumbnails will appear in a list. The number you insert in the Rows/Pics field determines the number of images in the one list on one page. As an additional option, the list can be either ordered (HTML tag <ol>) or unordered (<ul>).

Paragraph

Thumbnails will appear in one paragraph. You set the number of images on one page by inserting numbers into the Rows/Pics field. As additional options, you can set the alignment (left, center, right) of the paragraph.

Java Script Slide Show

One image appears and the visitor can switch between the images with buttons ("Next", "Prev", "First", "Last"). All this can be defined in the Slide Show Scheme found in Slide Show Options dialog. <!-SLIDES-> must be in the scheme and defines the position of the image. <!-NEXTBUTTON->, <!-PREVBUTTON->, <!-FIRSTBUTTON-> and <!-LASTBUTTON-> are the tags for the corresponding buttons.
To give the slide a fixed height or width, check the corresponding checkboxes and enter the height or width the slide should have.

Table

The thumbnails will appear in a table. Set how many rows and columns there will be by inserting numbers into the fields "Rows" and "Cols." A page contains Rows*Cols number of thumbnails. As additional options, you can set the table's horizontal and vertical alignment as well as its width and the thickness of its borders.

Collage

All thumbnails on a page will appear in one big image (in which case the thumbnail scheme has no effect). You can set the numbers of rows and columns in the table by inserting numbers in the fields "Rows" and "Cols." A page contains Rows*Cols number of thumbnails. As additional options, there are various ways of presenting the thumbnails in the big image (in a table or circle, or at random), and you can select the background color of the big image. If you choose the option "Align images in center," the images will appear in the center and not the top left of the rectangle where they ought to be. Example, the algorithm (e.g. for circle) may say that the thumbnail position in the big image is from left top (120,200) to right bottom (180,260). As most thumbnails are smaller you can use this options for selecting their alignment within this rectangular area..

What is "CSS Class"?

If you use style sheets, then you can select the class of the HTML tags.

Back to Documentation